<div id="panes">
    <div>
        <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/backend/images/tab/299183878_4feac12b04_m.jpg" alt="" />
        <h3>About</h3>
        <p class="more">What's this?</p>
        <p>
            <strong>DoIt</strong> Is a source software. You can use it quick build you site.
            Save you a lot of time.
        </p>
        <p>
            <strong>Current Version: </strong><?php echo Yii::app()->params['version']; ?>
            (<?php echo Yii::app()->params['last_modify_time']; ?>)
        </p>
        <p><strong>Happy Work, So Doit</strong></p>
        <p>You can download it from the below link</p>
        <p>
            <a href="http://doit.yuandot.com" target="_blank"><strong>Download it now......</strong></a>
        </p>
    </div>

    <div>
        <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/backend/images/tab/321464099_a7cfcb95cf_m.jpg" alt="" />
        <h3>Why use?</h3>
        <p class="more">
            Why should I use DoIt
        </p>
        <p>DoIt is easy to learn and use. You only need to know PHP and object-oriented programming. You are not forced to learn a new configuration or templating language.</p>
    </div>

    <div>
        <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/backend/images/tab/122343298_22333fb8e3_m.jpg" alt="" />
        <h3>System Information</h3>
        <p class="more">show system information</p>
        <ul class="infos">
            <li>
                <span>Version：</span><?php echo Yii::app()->name; ?>
            </li>
            <li><span>OS：</span><?php echo sprintf('%s / PHP v%s', PHP_OS, PHP_VERSION);?></li>
            <li><span>Web Information：</span><?php echo $_SERVER['SERVER_SOFTWARE'];?></li>
            <li><span>upload allow：</span><?php echo ini_get('file_uploads') ? ini_get('upload_max_filesize') : '禁止上传';?></li>
        </ul>

    </div>

</div>

<br clear="all" />


<!-- navigator -->
<div id="nav">
    <ul>
        <li>
            <a href="#1">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/backend/images/tab/2691545308_e7e817afb0_s.jpg" alt="" />
                <strong>About</strong>What's this?
            </a>
        </li>
        <li>
            <a href="#2">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/backend/images/tab/3323893148_8318838fbd_s.jpg" alt="" />
                <strong>Why</strong>Why should I use DoIt?
            </a>

        </li>
        <li>
            <a href="#3">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/backend/images/tab/122343298_22333fb8e3_s.jpg" alt="" />
                <strong>Information</strong>System information
            </a>
        </li>
    </ul>

</div>

<script type="text/javascript">
    $(function() {
        $("#nav ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 400});
    });
</script>